<!doctype html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta charset="UTF-8">
	<title>Izwebz 2014</title>
	
	<!-- Script -->
	<script src="script/jquery-2.1.0.min.js"></script>
	<script src="script/waypoints.min.js"></script>
	<script src="script/jquery.screwdefaultbuttonsV2.min.js"></script>
	<script src="script/application.js"></script>
	<!-- Style -->
	<link rel="stylesheet" href="css/type.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<nav class="main-nav" id="main-nav">
		<ul>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
		</ul>
	</nav>
	<div class="page-wrap">
		<header class="wrapper">
			<section id="head">
				<a href="#" class="logo floatLeft"><img src="images/logo.png" alt="izwebz logo"></a>
				<a href="#main-nav" class="list floatRight open-menu"><img src="images/icon-list.png" alt="Izwebz menu"></a>
			    <a href="#" class="list floatRight close-menu"><img src="images/icon-list.png" alt="Izwebz menu"></a>
			    <div class="clearfix"></div>
			</section>
			<!-- #head -->
		</header>
		<!-- Header -->
			
		<article id="mainContain" class="wrapper">
			<section class="floatLeft page" id="singlePost">
				<div class="postLabel">
					<h3>#chuyên mục</h3>
					<ul class="label">
						<li class="blue"><a href="#">Video tutorial</a></li>
						<li class="red"><a href="#">icon #01</a></li>
						<li class="dblue"><a href="#">Hosting & domain</a></li>
						<li class="brown"><a href="#">Jobs Exp</a></li>
					</ul>
				</div>
				<!-- /.label -->
				<div class="postDetail">
					
					<h1>Tac gia</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, minima maiores beatae consectetur temporibus et est laborum commodi provident placeat magnam consequatur hic officiis quae culpa id molestiae odio impedit.</p>
					<h5>Vo Minh Man</h5>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae, illum, modi, fugiat, accusantium voluptate reiciendis eligendi necessitatibus dolorum similique aliquid magnam ratione perferendis sunt mollitia dignissimos eveniet ad provident velit distinctio facilis minus officiis adipisci. Qui, dolorum aperiam voluptatem veritatis nesciunt nisi delectus eligendi soluta tenetur temporibus fugiat vitae expedita. Debitis, incidunt quae sit! Optio, dolor, tenetur autem et esse cupiditate voluptas neque soluta non distinctio hic eligendi. Libero, eaque, dolorum eum explicabo id ullam porro tempore harum illum laudantium quod pariatur repudiandae tempora ducimus sit accusamus iure reprehenderit cum nisi iste ex quasi dolores ut facere delectus earum nulla.</p>
					<div class="contactForm">
						<form action="" class="wpcf7">
							<div class="cf7break">
								<label for="">Ten cua ban</label>
								<input type="text">
							</div>
							<div class="cf7break">
								<label for="">Dia chi email</label>
								<input type="text">
							</div>
							<div class="cf7break">
								<label for="">Dia chi website</label>
								<input type="text">
							</div>
							<div class="cf7break">
								<label for="">Tieu de</label>
								<input type="text">
							</div>
							<div class="cf7break">
								<label for="">Bao mat</label>
								<span class="wpcf7-form-control-wrap quiz">
									<span class="wpcf7-quiz-label">3+7=?</span>&nbsp;
									<input type="text" name="quiz" size="40" class="wpcf7-form-control wpcf7-quiz quiz">
								</span>
							</div>
							<div class="textarea">
								<label for="">Noi dung thong diep</label>
								<textarea name="" id="" cols="30" rows="10"></textarea>
							</div>
							<div class="cf7break">
								<input type="submit" value="Gui di">
							</div>
						</form>
					</div>
				</div>
				<!-- /.postDetail -->

			</section>
			<!-- /#lastestPost.floatLeft -->

			<aside class="floatRight">
				<section id="hotSeries">
					<h1># bài viết liên quan</h1>
					<div class="sidebarContent">
						<ul>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Cách tạo themes wordpress</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Cách chuyển PSD sang HTML</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>

							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">PHP Căn bản</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Fonts cho web</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
						</ul>
					</div>
				</section>
				<!-- hotSeries -->			
				<section id="newsLetter">
					<h1># Izwebz Newsletter</h1>
					<div class="sidebarContent">
						<p>Bạn sẽ không bõ lỡ bất kỳ bài viết mới nào tại izwebz. Chúng tôi sẽ gửi bạn email bản tin cập nhật hàng tuần.</p>
						<form action="#">
							<input type="email" placeholder="Điền vào email của bạn">
							<input type="submit" value="Update">
						</form>
					</div>
				</section>
				<!-- newsLetter -->
				<section id="fbGroup" class="noMaPa">
					<img src="images/fbGroup.jpg" alt="">
				</section>
				<section id="izSpon">
					
				</section>
				<!-- /#izSpon -->
			</aside>
			<!-- /.floatRight -->
			<div class="clearfix"></div>
		</article>
		<!-- /#mainContent.wrapper -->
		<footer>
			<div class="wrapper">
				<section id="intro">
					<img src="images/logo.png" alt="Izwebz Logo" width="250">
					<p>Izwebz.com được thành lập vào năm 2008, là một trong những website tiên phong trong việc giảng dạy và đào tạo trong lĩnh vực thiết kế và lập trình web miễn phí tại Việt Nam. Với phương châm <span class="bold">Let’s do together</span>, Izwebz luôn cho ra những video hướng dẫn học trực quan nhất cho người xem.</p>
				</section>
				<!-- /#intro -->
				<section id="rule">
					<h4>Quy định sử dụng</h4>
					<ul>
						<li>- Quy định được đặt ra không phải cho có, bạn phải mình tuân thủ những gì nêu bên dưới đây</li>
						<li>- Bạn không được tự ý copy và phát hành lại nội dung của izwebz nếu chưa được sự đồng ý của tôi.</li>
						<li>- Biết tôn trọng và cư xử hòa nhã với mọi người</li>
						<li>- Không "bóc tem" bài viết.</li>
						<li>- Izwebz được quyền xóa những comment nào không phù hợp với nội dung của trang web</li>
					</ul>
				</section>
				<!-- /#rule -->
				<section id="linked">
					<h4>Trao đổi liên kết</h4>
					<ul>
						<li><a href="#">Thạch Phạm Blog</a></li>
						<li><a href="#">Thế Giới Mã Nguồn</a></li>
						<li><a href="#">Tin công nghê</a></li>
						<li><a href="#">Thủ thuật Wordpress</a></li>
					</ul>
				</section>
			</div>

			<section id="copyright">
				<div class="wrapper">
					<div class="floatLeft">
						Copyright 2008-2014 by izwebz.com
					</div>
					<!-- /.floatLeft -->
					<div class="floatRight">
						<img src="images/wp-logo.png" alt="">
					</div>
					<!-- /.floatRight -->
					<div class="clearfix"></div>
				</div>
			</section>
			<!-- /#copyright -->
		</footer>
	</div>

</body>
</html>